<template>
  <el-row class="wrap">
    <el-col :span="22" :offset="2">
      <el-row class="toprow">
        <el-col :span="4" class="borderl dicenter">
          <h2 style="color:#ffff">客服中心</h2>
          <div class="lincer">
            <el-image style="width: 17px; height: 17px" src="/static/igm/电话.png" fit="fit"></el-image>&nbsp400-0028-927
          </div>
          <div class="lincer">
            <el-image style="width: 17px; height: 17px" src="/static/igm/邮箱.png" fit="fit"></el-image>&nbsp 1002102@qq.com
          </div>
          <div>工作日:&nbsp 9:00-18:00</div>
        </el-col>
        <el-col :span="5" class="borderl dicenter" style="align-items:center">
          <h2 style="color:#ffff">关于我们</h2>
          <div><router-link to="/Aboutme/Introduction" >公司介绍</router-link></div>
          <div> <router-link to="/Aboutme/Recruitment" >诚聘英才</router-link></div>
          <div><router-link to="/Aboutme/Contact" >联系我们</router-link></div>
        </el-col>
        <el-col :span="5" class="borderl dicenter" style="align-items:center">
          <h2 style="color:#ffff">投资帮助</h2>
          <div>常见问题</div>
          <div>网站公告</div>
          <div>服务协议</div>
        </el-col>
        <el-col :span="5" class="dsig">
                     <el-image style="width: 100px; height: 100px" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=413241571,1035325901&fm=26&gp=0.jpg" fit="fit"></el-image>
                     <p>扫码关注公众号</p>
        </el-col>
        <el-col :span="4" class="dsig">
                <div class="app">苹果app下载</div>
                <div class="app">安卓app下载</div>
        </el-col>
      </el-row>
     
    </el-col>
    <el-col class="pao">
        <el-row>
            <el-col :span=3 :offset=6 class="borbor">理财1+1网@2011-2019</el-col>
             <el-col :span=5 class="borbor" style="text-align:center">苏州宜佳宜信息技术服务有限公司</el-col>
             <el-col :span=4 style="text-align:center">苏ICP备15033196号-1</el-col>
      
        </el-row>
    </el-col>
  </el-row>
</template>

<script>
export default {};
</script>

<style scoped>
.pao{
    margin-top: 10px;
    border-top: 1px solid rgb(207, 207, 207);
    padding-top: 5px;
}
.borbor{
    border-right: 1px solid rgb(207, 207, 207)
}

.wrap {
  background-color: #555555;
  color: #ffffff;
  height: 180px;
}
.toprow {
  padding: 15px 0;
  height: 140px;
}
.borderl {
  height: 100%;
  border-right: 1px solid #bebcbc;
}
.dicenter {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.lincer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dsig{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.app{
    padding: 10px 15px;
    text-align: center;
    color: #ffffff;
    border: 1px solid black;
    border-radius: 5px;
    margin-bottom: 15px;
}
a{
  color: #ffffff;
  cursor: pointer;
}
</style>